<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="manage/manage_layout">

<head>
    <title>系统管理首页</title>
    <style>
        body {
            background: #EEF1F6;
        }

        .chart-panel {
            height: 300px;
            background: #fff;
        }

    </style>
</head>

<body class="manage">

<div layout:fragment="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-2 col-md-2">
                <div class="thumbnail">
                    <h3 id="userCount">0</h3>
                    <span>用户总量</span>
                </div>
            </div>
            <div class="col-sm-2 col-md-2">
                <div class="thumbnail bg-info">
                    <h3 id="roleCount">0</h3>
                    <span>角色总量</span>
                </div>
            </div>
            <div class="col-sm-2 col-md-2">
                <div class="thumbnail bg-success">
                    <h3 id="funcCount">0</h3>
                    <span>功能总量</span>
                </div>
            </div>
            <div class="col-sm-2 col-md-2">
                <div class="thumbnail">
                    <h3 id="noticeCount">0</h3>
                    <span>公告总量</span>
                </div>
            </div>
            <div class="col-sm-2 col-md-2">
                <div class="thumbnail">
                    <h3 id="logVisitCount">0</h3>
                    <span>访问日志总量</span>
                </div>
            </div>
            <div class="col-sm-2 col-md-2">
                <div class="thumbnail">
                    <h3 id="logOperCount">0</h3>
                    <span>操作日志总量</span>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6 col-md-6">
                <div class="panel panel-primary">
                    <div class="panel-heading">访问趋势</div>
                    <div class="panel-body">
                        <div id="chartLogVisit" class="chart-panel"></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-6">
                <div class="panel panel-primary">
                    <div class="panel-heading">登录时段</div>
                    <div class="panel-body">
                        <div id="chartLoginHour" class="chart-panel"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script th:replace="common/common_libs::commonjs"></script>
    <script src="/js/manage/index.js"></script>

</div>

</body>
</html>